<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- CSS -->
    <link rel="stylesheet" href="../assets/css/DaShiJi.css" />
    <!-- 图标 -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <!-- 谷歌字体 -->

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <!--=============== REMIXICONS ===============-->
    <link
      href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css"
      rel="stylesheet"
    />

    <title>腊八粥-大事记</title>
  </head>
  <body id="top">
    <!-- 标题 -->
    <header class="header" data-header>
      <div class="container">
        <a href="#" class="logo"
          ><img src="../assets/images/Home/bg.webp" loading="lazy" alt="logo"
        /></a>
        <h2 class="h2 banner">大事记</h2>
        <!-- 按钮 -->
        <button class="nav-toggle-btn" data-nav-toggle-btn>
          <ion-icon name="menu-outline" class="open"></ion-icon>
          <ion-icon name="close-outline" class="close"></ion-icon>
        </button>
        <nav class="navbar">
          <div class="container">
            <ul class="navbar-list">
              <li>
                <a href="./home.html#home" class="navbar-link" data-navbar-link
                  >主页</a
                >
              </li>
              <li>
                <a
                  href="./home.html#features"
                  class="navbar-link"
                  data-navbar-link
                  >回顾</a
                >
              </li>
              <li>
                <a
                  href="./home.html#service"
                  class="navbar-link"
                  data-navbar-link
                  >老师</a
                >
              </li>
              <li>
                <a href="./home.html#blog" class="navbar-link" data-navbar-link
                  >大事记</a
                >
              </li>
              <li>
                <a
                  href="./home.html#newsletter"
                  class="navbar-link"
                  data-navbar-link
                  >信箱</a
                >
              </li>
            </ul>
          </div>
        </nav>
        <a href="https://www.bilibili.com/video/BV1Qf4y1Z7cW/" target="_blank"
          ><button class="btn btn-primary">
            <span>我们毕业啦</span>
            <ion-icon name="chevron-forward-outline"></ion-icon></button
        ></a>
      </div>
    </header>

    <main>
      <article>
        <!-- 老师
        
        
        ---

        -->
        <section class="service" id="service">
          <div class="container">
            <figure class="service-banner service-first" id="JunXu">
              <img
                src="../assets/images/Home/junXun.webp"
                alt=""
                class="w-100 order"
                loading="lazy"
              />
            </figure>
            <div class="service-content">
              <p class="section-subtitle">第一次集体活动</p>
              <h2 class="h2 section-title">军训</h2>
              <div class="service-description">
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;我们的第一次活动，烈日似火，骄阳满天，我们站军姿，走正步。
                  即使流下豆大的汗珠，即使衣服全部湿透，也击不垮我们八班的心。
                  短短两天，军训汇演，我们穿好衣服在操场上齐步走，英姿飒爽，铿锵有力。我们，拍下了第一张集体照。
                </p>
                <p>“八班骄子，万众一心。披荆斩棘，所向披靡！”</p>
                <p style="text-align: right">——张思哲</p>
              </div>
            </div>
            <!-- 第二个 -->
            <figure class="service-banner order1" id="YiShuJie">
              <img
                src="../assets/images/Home/art.webp"
                alt=""
                class="w-100"
                loading="lazy"
              />
            </figure>
            <div class="service-content">
              <p class="section-subtitle">艺术节</p>
              <h2 class="h2 section-title">《权御天下》</h2>
              <div class="service-description">
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;开始红色形式，时间跨度从1910一直到1949。
                  一架扬琴，两台古筝，一把二胡和一只鼓，进行了一系列乐曲的合奏。这次我在节目中跳舞。
                  每天中午我们挤在宿舍楼的小教室甚至楼梯间里排练，狭小的空间让共鸣声非常强，我认为远比正式演出时更为震撼，尤其是最后《权御天下》的大合奏。
                </p>
                <p style="text-align: right">——沈知瑜</p>
              </div>
            </div>
            <!-- 第三个 -->
            <figure class="service-banner order2" id="YiMai">
              <img
                src="../assets/images/ChuEr/YiMai.webp"
                alt=""
                class="w-100 order"
                loading="lazy"
              />
            </figure>
            <div class="service-content order3">
              <p class="section-subtitle">难忘的一幕</p>
              <h2 class="h2 section-title">记我们最后一次义卖</h2>
              <div class="service-description">
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;21年年末，便是我们能参与的学校最后一次义卖。
                </p>
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;第五节下课铃一响，五楼便爆发出一阵比往日更响的骚动。门打开，欢快的大风冲入教室，弹黄般跳起的身影，本来空无一人的楼梯一下子热闹起来，一场大扫荡即将开始！
                </p>
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;随着人群，攥着钱包，飞快向下冲去。耳边是一阵风，身体边是摩肩接踵的，终于获得解放的学生，五楼，四楼，三楼，二楼，一楼，红色，蓝色的瀑布在操场上散开成一片汪洋。
                </p>
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;人群，早早的聚集在各个摊子。拿着钱的手，拼命向义卖摊子伸出，一只只冰与火的野兽，正贪婪的吞噬这一切，一条护城河，或是一片洪水，在义卖点绽开。吃撑了的购物袋，装不下了。垫板露出了灰色的夹子，乐高的标识，露出一个小角，笔，本子，在包中开起了音乐会。
                </p>
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;卖东西的，面对这突如其来的大扫荡，竭尽全力，忙活开来。人堆中，一双双飞速移动的手，清空的货架，推挤歪斜的桌子，便是这次扫荡透留下来的古迹。
                </p>
                <p>
                  &nbsp;&nbsp;&nbsp;&nbsp;上课铃打响，洪流又一次聚集，抽水机，把这阵洪流，吸上了五楼。回到教室，大家仍然意犹未尽，琳琅满目的商品，在桌子上，地上，袋子里。大家仍然在纷纷交流自己买来的各种商品。
                </p>
                <p style="text-align: right">——徐明烨</p>
              </div>
            </div>
          </div>
        </section>
      </article>
    </main>

    <!-- footer -->

    <footer class="footer">
      <div class="footer-top">
        <div class="container">
          <div class="footer-brand">
            <a href="#" class="logo">
              <img
                src="../assets/images/Home/bg.webp"
                alt="logo"
                loading="lazy"
              />
            </a>
            <p class="section-text">
              腊八粥的保质期会越来越长，感谢同学们这四年来的鼎力协助和精诚合作。<br />
              本人庶竭驽钝，希望给大家留下回忆的地方
            </p>
            <div class="location-text">
              <div class="location-icon">
                <ion-icon name="location-outline"></ion-icon>
              </div>

              <address class="address">上海市浦东新区藿香路38号</address>
            </div>
          </div>

          <div class="quicklink-box">
            <p class="h3 quicklink-title">快速跳转</p>
            <ul class="quicklink-list">
              <li>
                <a
                  href="https://zhe-sh-cn.gitee.io/banshi/"
                  class="quicklink"
                  target="_blank"
                  >班史</a
                >
              </li>
              <li>
                <a href="./YuChu.html" class="quicklink">预初</a>
              </li>
              <li>
                <a href="./ChuYi.html" class="quicklink">初一</a>
              </li>
              <li>
                <a href="./ChuEr.html" class="quicklink">初二</a>
              </li>
              <li>
                <a href="./ChuSan.html" class="quicklink">初三</a>
              </li>
              <li>
                <a
                  href="https://zhe-sh-cn.gitee.io/banshi/tags/%E6%81%A9%E5%B8%88/"
                  target="_blank"
                  rel="noopener noreferrer"
                  class="quicklink"
                  >老师</a
                >
              </li>
              <li>
                <a href="#JunXu" class="quicklink">大事记——军训</a>
              </li>
              <li>
                <a href="#YiShuJie" class="quicklink">大事记——艺术节</a>
              </li>
              <li>
                <a href="#YiMai" class="quicklink">大事记——义卖</a>
              </li>
              <li>
                <a href="./MailBox.html" class="quicklink">信箱</a>
              </li>
            </ul>
          </div>

          <div class="contact">
            <p class="h3 contact-title">联系作者</p>
            <ul class="contact-list">
              <li class="contact-item">
                <div class="contact-icon">
                  <ion-icon name="mail-outline"></ion-icon>
                </div>
                <a
                  href="mailto:1968988211@qq.com"
                  class="contact-link"
                  target="_blank"
                  >1968988211@qq.com</a
                >
              </li>
              <li class="contact-item">
                <div class="contact-icon">
                  <ion-icon name="logo-github"></ion-icon>
                </div>
                <a
                  href="https://github.com/Zhe-SH-CN/LaBaZhou"
                  class="contact-link"
                  target="_blank"
                  >LaBaZhou(开源地址）</a
                >
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="container">
          <p class="copyright">
            &copy; 2022
            <a href="https://github.com/Zhe-SH-CN" target="_blank">Zhe-SH-CN</a>
            All Rights Reserved.
          </p>
          <ul class="social-list">
            <li>
              <a
                href="https://space.bilibili.com/626749843"
                class="social-link"
                target="_blank"
              >
                <!-- <ion-icon name="logo-tiktok"></ion-icon> -->
                <i class="ri-bilibili-fill"></i>
              </a>
            </li>

            <li>
              <a
                href="https://github.com/Zhe-SH-CN"
                class="social-link"
                target="_blank"
                ><i class="ri-github-fill"></i>
              </a>
            </li>
            <li>
              <a href="#" class="social-link" target="_blank"
                ><ion-icon name="logo-wechat"></ion-icon>
              </a>
            </li>
            <li>
              <a
                href="https://www.douyin.com/user/MS4wLjABAAAAv6cDsa_0S901g3KhQGIGDOkMfyxQ7m3h2K5eMSBeNzk"
                class="social-link"
                target="_blank"
                ><ion-icon name="logo-tiktok"></ion-icon>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </footer>

    <!-- Go to Top -->
    <a href="#top" class="go-top active" data-go-top>
      <ion-icon name="chevron-up-outline"></ion-icon>
    </a>

    <!-- js -->
    <script src="../assets/js/DaShiJi.js"></script>

    <!-- 图标 -->
    <script
      type="module"
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
    ></script>
    <script
      nomodule
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
    ></script>
  </body>
</html>
